$(document).ready(function () {
    var table = $('#list_images_product').DataTable({
        bFilter: false,
        bInfo: false,
        bPaginate: false,
        "oLanguage": {
            "sProcessing": "Đang xử lý...",
            "sLengthMenu": "Xem _MENU_ mục",
            "sZeroRecords": "Không tìm thấy dòng nào phù hợp",
            "sInfo": "Đang xem _START_ đến _END_ trong tổng số _TOTAL_ mục",
            "sInfoEmpty": "Đang xem 0 đến 0 trong tổng số 0 mục",
            "sInfoFiltered": "(được lọc từ _MAX_ mục)",
            "sInfoPostFix": "",
            "sSearch": "Tìm:",
            "sUrl": "",
            "oPaginate": {
                "sFirst": "Đầu",
                "sPrevious": "Trước",
                "sNext": "Tiếp",
                "sLast": "Cuối"
            }
        }
    });

    $('#list_images_product tbody').on('click', 'tr', function () {
        if ($(this).hasClass('selected')) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    });

    $('#remove_selected_image').click(function () {
        var image_id = $('tr.selected').data("image-id");
        var product_id = $('tr.selected').data("product-id");
        delete_image(image_id, product_id);

    });

    function delete_image(image_id, product_id) {
        alert(image_id+':'+product_id);
        bootbox.dialog({
            message: "Bạn có chắc muốn xóa ảnh này khỏi sản phẩm?",
            title: "Xóa ảnh",
            buttons: {
                success: {
                    label: "Không",
                    className: "btn-success",
                    callback: function () {

                    }
                },
                danger: {
                    label: "Có, tôi muốn xóa!",
                    className: "btn-danger",
                    callback: function () {
                        delete_image_ajax(image_id, product_id);
                        table.row('.selected').remove().draw(false);
                    }
                },
            }
        });
    }

    function delete_image_ajax(image_id, product_id) {
        var base_url = $('div.navbar-header').data("base-url");
        $.ajax({
            type: "POST",
            url: base_url+'products/products/delete_image/'+product_id+'/'+image_id,
            data: {product_id: product_id, image_id: image_id},
            
        });
    }

});